@charset "utf-8";
/* CSS Document */
.notice{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 78px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 78px;
}
.notice .hot{
	width: 500px;
}
.notice .hot span{
	font-size: 14px;
	color: #0158a8;
}
.notice .hot a{
	color: #666666;
	font-size: 14px;
	padding-right: 15px;
}

.search{
	width: 313px;
	height: 36px;
	border: 1px solid #b5b5b5;
	overflow: hidden;
	margin-top: 21px;
}
.search input.sea{
	width: 277px;
	height: 36px;
	float: left;
	overflow: hidden;
	border: none;
	background: none;
	text-indent: 5px;
}
.search input.btn{
	width: 36px;
	height: 36px;
	float: right;
	overflow: hidden;
	border: none;
	background: url(../images/sea.jpg) center no-repeat;
	cursor: pointer;
}

.product{
	width: 905px;
	float: right;
	overflow: hidden;
}

.picScroll{ 
	width: 100%;
	float: left;
	overflow:hidden; 
	position:relative;
	margin-top: 32px;
}
.picScroll .bd{}
.picScroll .bd ul{ overflow:hidden; zoom:1; }
.picScroll .bd ul li{ margin-right: 16px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.picScroll .bd ul li .pic{ text-align:center; width: 288px; height: 333px; overflow: hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;border:1px solid #cacaca;}
.picScroll .bd ul li .pic a{text-align:center;position:static;+position:absolute;top:50%;}
.picScroll .bd ul li .pic img{ max-width: 286px; max-height: 333px; display:block;transform: scale(1); transition: 0.5s;vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;}
.picScroll .bd ul li:hover .pic img{
	transform: scale(1.05);
	transition: 0.5s;
}
.picScroll .bd ul li .title{
	width: 288px;
	height: 60px;
	border: 1px solid #cacaca;
	background: #2c589d;
	line-height: 61px;
	text-align: center;
}
.picScroll .bd ul li .title a{
	font-size: 16px;
	color: #ffffff;
}
.picScroll .bd ul li .show{
	width: 288px;
	height: 220px;
	padding-top: 113px;
	position: absolute;
	top: 1px;
	left: 1px;
	background: url(../images/pbg.png);
	display: none;
}
.picScroll .bd ul li .show p{
	line-height: 36px;
	color: #ffffff;
	font-size: 12px;padding:5px;
}
.picScroll .bd ul li .show a{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.partners{
	width: 100%;
	float: left;
	margin-top: 34px;
	overflow: hidden;
}
.plist{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 13px;
}
.plist li{
	width: 163px;
	float: left;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	margin-left: 10px;
}
.plist li a{
	color: #000000;
	font-size: 12px;
}
.plist li a img{
	width: 161px;
	height: 96px;
	border: 1px solid #c6c5c2;
}

.bg1{
	background: #f0f0f0;
	margin-top: 27px;
	padding-top: 34px;
	padding-bottom: 20px;
}

.about{
	width: 511px;
	float: left;
	overflow: hidden;
}
.about .img{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 25px;
}
.about .img img{
	width: 100%;
	height: 294px;
}
.about .text{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 12px;
	line-height: 38px;
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
}

.news{
	width: 600px;
	float: right;
	overflow: hidden;
}
.newsfouse{
	width: 566px;
	float: left;
	overflow: hidden;
	padding: 21px 17px 16px;
	background: #ffffff;
	margin-top: 26px;
}
.newsfouse .title{
	width: 100%;
	height: 30px;
	float: left;
	overflow: hidden;
}
.newsfouse .title a{
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
.newsfouse .desc{
	width: 100%;
	float: left;
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
	height:95px; overflow:hidden;
}
.newsfouse .more{
	width: 100%;
	float: left;
	overflow: hidden;
}
.newsfouse .more a{
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background: #2c589d;
}


.news_list{
	width: 100%;
	float: left;	
	overflow: hidden;
	margin-top: 13px;
}
.news_list li{
	background: url(../images/lib.jpg) left no-repeat;
	width: 100%;
	height: 42px;
	float: left;
	overflow: hidden;
	line-height: 42px;
}
.news_list li a span.title{
	float: left;
	padding-left: 15px;
	color: #333333;
	font-size: 14px;
}
.news_list li a span.date{
	float: right;
	color: #999999;
}
.news_list li a:hover span{
	color: #2c589d;
}
.ny_ml{width:1200px;margin:10px auto 20px;}
.ny_ml .pro_nav li{float:left;margin-right:18px;margin-bottom:14px;}
.ny_ml .pro_nav li .ml a{display:block;width:181px;line-height:50px;color:#333;font-size:14px;background:url(../images/ml2.jpg) center center no-repeat;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.com-width {width: 1200px;margin-left: auto;margin-right: auto;margin-top:30px;position:relative;}
.com-width  .coo_z,.com-width  .coo_y{position:absolute;top:50%;margin-top:0;margin-top:-15px;}
.index-product-show {width: 1227px; margin-left:7px;}
.index-product-show li {float: left;margin: 0 35px 25px 0;width: 340px;padding: 10px;border: 1px solid #EDEDED;text-align: center;background: #fff;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.a-box {display: block;width: 100%;height: 100%;}
.index-product-show li .pic {width: 335px;height: 257px;background: #fff;overflow: hidden;line-height: 257px;font-size: 0;position: relative;display: flex;
  justify-content: center;
  align-items: center;
display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.index-product-show li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.index-product-show li .tit {height: 70px;line-height: 70px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;color: #666;}
.tit{ margin:20px 35px 30px; height:74px; background:url(../images/coo_nav.gif) repeat-x center 54px; overflow:hidden; text-align:center;}
.tit a{ display:block; font-size:40px; color:#000; line-height:40px;}
.tit span{ display:inline-block; padding:5px 9px; font:20px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; margin:5px auto; line-height:20px; font-weight:bold;}

.middle{
    width: 510px;
    height: 180px;
    border-bottom: 1px solid #EBEBEB;
   margin:30px auto 0;
   clear:both

}
.middle img.lf{
    width: 200px;
    height: 150px;
}
.middle .rt{
    width: 295px;
	float:right;

}
.middle .rt h2{
    color: #666;
    font-size: 18px;
}
.middle .rt p{
    width: 275px;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    color: #737272;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
}

.middle .rt p span {margin:15px 0;display: block;width: 70px;height: 32px;line-height: 32px;font-size: 12px;color: #E9E9E9;background: #2c589d;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; text-align:center;}
.middle .rt p span i{font-style:normal;}